﻿@{
    ViewBag.Title = "Members";
    Layout = "~/Views/Admin/MasterPage.cshtml";
}

<!-- 100% Box Grid Container: Start -->
<div class="grid_24">

	<!-- Box Header: Start -->
	<div class="box_top">
		
		<h2 class="icon pages">News Table<span class="tip" title="Tips can be added everywhere">232</span></h2>
		
		<!-- Tab Select: Start -->
		<ul class="sorting">
			<li><a href="#listing" class="active">Listing</a></li>
			<li><a href="#addnews">Add News</a></li>
		</ul>
		<!-- Tab Select: End -->
		
	</div>
	<!-- Box Header: End -->
	
	<!-- Box Content: Start -->
	<div class="box_content">
		
		<!-- News Table Tabs: Start -->
		<div class="tabs">
		
			<!-- News Sorting Table: Start -->
			<div id="listing">
				
				<table class="sorting">
					<thead>
						<tr>
							<th class="checkers"><input type="checkbox" class="checkall" /></th>
							<th class="align_left">Fullname</th>
							<th class="align_left center">Author</th>
							<th class="align_left center">Views</th>
							<th class="align_left center">Comments</th>
							<th class="align_left center">Added</th>
							<th class="align_left center tools">Tools</th>
						</tr>
					</thead>
					<tbody>
						
						<tr>
							<th class="checkers"><input type="checkbox" /></th>
							<td class="align_left"><a href="#">Some technical issues</a></td>
							<td class="align_left center"><a href="#messages" class="popup">Kasper</a></td>
							<td class="align_left center">12</td>
							<td class="align_left center">3</td>
							<td class="align_left center">1 hour ago</td>
							<td class="align_left tools center">
								<a href="#" class="edit tip" title="edit">edit</a>
								<a href="#" class="view tip" title="view">view</a>
								<a href="#" class="delete tip" title="delete">delete</a>
							</td>
						</tr>
					</tbody>
				</table> 
				
				<!-- News Sorting Table Actions: Start -->
				<div class="table_actions">
					<input type="checkbox" class="checkall" />
					
					<select>
						<option>Choose action</option>
						<option>Delete</option>
						<option>Edit</option>
					</select>
					
					<button class="left">Apply to Selected</button>
				</div>
				<!-- News Sorting Table Actions: End -->
				
			</div>
			<!-- News Sorting Table: End -->
			
			<!-- News Sorting Table - Add News Tab: Start -->
			<div id="addnews" class="padding">
				
				<p class="note">
					<span class="icon info"></span> 
					You could setup your news adding page like this so users can easily add news without going to a new page
				</p>
				
				<div class="field">
					<label class="left">News Title</label>
					<input type="text" class="left validate">
					<p class="error left small nomargin">
						<span class="icon cross"></span> 
						Let the users know what the problem is
					</p>
				</div>
				
				<div class="field">
					<label class="left">Tags</label>
					<input type="text" class="left validate tip-stay" title="Add a tip for focus!">
					<p class="info left small nomargin">
						<span class="icon info"></span> 
						Or some information about what they should write
					</p>
				</div>
				
				<div class="field">
					<label>News Content</label>
					<textarea class="wysiwyg"></textarea>
				</div>
			  
			  <button>Publish News</button>
			  <button class="secondary" type="reset">Reset</button>
			  <button disabled="">Disabled Button</button>
				
			</div>
			<!-- News Sorting Table - Add News Tab: End -->
		
		</div>
		<!-- News Table Tabs: End -->

	</div>
	<!-- Box Content: End -->
	
</div>
<!-- 100% Box Grid Container: End -->
